DOM知识总结

您所在的位置:网站首页 dom 圈 DOM知识总结

DOM知识总结

2023-06-10 09:47| 来源: 网络整理| 查看: 265

DOM

DOM :DOM是DocumentObject Model文档对象模型的缩写。根据W3CDOM规范,DOM是一种与浏览器,平台,语言无关的接口,使得你可以访问页面其他的标准组件

 D:文档 – html 文档 或 xml 文档

 O:对象– document 对象的属性和方法

 M:模型

    

 DOM 是针对xml(html)的基于树的API。

 DOM树:节点(node)的层次。

 DOM 把一个文档表示为一棵家谱树(父,子,兄弟)

 DOM定义了Node的接口以及许多种节点类型来表示XML节点的多个方面

DOM的结构

节点及其类型

1,节点

   *  由结构图中我们可以看到,整个文档就是一个文档节点。

  *  而每一个HMTL标签都是一个元素节点。

  *  标签中的文字则是文本节点。

  *  标签的属性是属性节点。

  *  一切都是节点……

2,节点树

     节点树的概念从图中一目了然,最上面的就是“树根”了。节点之间有父子关系,祖先与子孙关系,兄妹关系。这些关系从图中也很好看出来,直接连线的就是父子关系了。而有一个父亲的就是兄妹关系……

查找元素节点

1,getElementById()

       寻找一个有着给定 id 属性值的元素,返回值是一个有着给定 id 属性值的元素节点。如果不存在这样的元素,它返回 null.

varoElement = document.getElementById ( sID )

     该方法只能用于 document对象



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3